#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.page[data-v-980fb0ea]{background-color:#fff;position:relative;width:95vw;margin:auto;height:486.15vw;overflow:hidden}.page .group_1[data-v-980fb0ea]{height:56.25vw;background:url(/img/FigmaDDSSlicePNG61e1d8db1306cd39785136d2543aa77a.0d17c25d.png) 100% no-repeat;background-size:100% 100%;width:100vw;position:relative}.page .group_1 .image-wrapper_1[data-v-980fb0ea]{width:73.13vw;height:3.75vw;margin:1.02vw 0 0 13.48vw;display:flex;justify-content:center;align-items:center;padding-top:20px}.page .group_1 .image-wrapper_1 .image_1[data-v-980fb0ea]{width:3.75vw;height:3.75vw}.page .group_1 .image-wrapper_1 .image_2[data-v-980fb0ea]{width:3.03vw;height:.99vw;margin:1.82vw 0 0 .57vw}.page .group_1 .image-wrapper_1 .image_3[data-v-980fb0ea]{width:4.12vw;height:1.05vw;margin:1.82vw 0 0 27.5vw}.page .group_1 .image-wrapper_1 .image_4[data-v-980fb0ea]{width:4.12vw;height:1.05vw;margin:1.82vw 0 0 1.97vw}.page .group_1 .image-wrapper_1 .image_5[data-v-980fb0ea]{width:4.07vw;height:.99vw;margin:1.82vw 0 0 2.08vw}.page .group_1 .image-wrapper_1 .image_6[data-v-980fb0ea]{width:5.16vw;height:1.78vw;margin:1.45vw 0 0 2.03vw}.page .group_1 .image-wrapper_1 .image_7[data-v-980fb0ea]{width:3.91vw;height:1.52vw;margin:1.66vw 0 0 2.08vw}.page .group_1 .image-wrapper_1 .detail[data-v-980fb0ea]{margin:1.26vw 0 0 2.08vw}.page .group_1 .image-wrapper_1 .detail .avatar[data-v-980fb0ea]{width:3vw;height:3vw}.page .group_1 .image-wrapper_1 .detail .avatar[data-v-980fb0ea]:focus{outline:none}.page .group_1 .image-wrapper_1 .image_8[data-v-980fb0ea]{width:4.17vw;height:1.52vw;margin:1.6vw 0 0 1.51vw}.page .group_1 .image-wrapper_1 .image_8[data-v-980fb0ea]:focus{outline:none}.page .group_1 .image-wrapper_2[data-v-980fb0ea]{width:26.98vw;height:17.24vw;margin:12.7vw 0 19.53vw 13.48vw}.page .group_1 .image-wrapper_2 .image_9[data-v-980fb0ea]{width:26.98vw;height:17.24vw}.page .group_1 .image_10[data-v-980fb0ea]{position:absolute;left:38.13vw;top:6.1vw;width:60.37vw;height:49.69vw}.page .group_2[data-v-980fb0ea]{width:100vw;height:271.2vw}.page .group_2 .image_11[data-v-980fb0ea]{width:16.46vw;height:2.04vw;margin:4.89vw 0 0 43.17vw}.page .group_2 .image-wrapper_3[data-v-980fb0ea]{width:69.95vw;height:42.71vw;flex-wrap:wrap;margin:4.89vw 0 0 14.3vw}.page .group_2 .image-wrapper_3 .image_12[data-v-980fb0ea]{width:21.93vw;height:20.32vw;margin:0 2.08vw 2.08vw 0}.page .group_2 .image-wrapper_3 .image_12[data-v-980fb0ea]:nth-child(3n){margin-right:0}.page .group_2 .image-wrapper_3 .image_12[data-v-980fb0ea]:nth-last-child(-n+3){margin-bottom:0}.page .group_2 .image_13[data-v-980fb0ea]{width:18.65vw;height:2.04vw;margin:4.89vw 0 0 42.08vw}.page .group_2 .image_14[data-v-980fb0ea]{width:100vw;height:48.6vw;margin-top:4.9vw}.page .group_2 .image_15[data-v-980fb0ea]{width:100vw;height:47.71vw;margin-top:2.45vw}.page .group_2 .image_16[data-v-980fb0ea]{width:100vw;height:47.71vw;margin-top:3.55vw}.page .group_2 .image_17[data-v-980fb0ea]{width:100vw;height:47.71vw;margin:3.54vw 0 3.59vw 0}.page .group_3[data-v-980fb0ea]{width:100vw;height:56.25vw;background:url(/img/FigmaDDSSlicePNG1b48398c2c426e3b78cb77d3307b7c56.fad47eeb.png) 100% no-repeat;background-size:100% 100%;margin-top:-.05vw}.page .group_3 .image_18[data-v-980fb0ea]{width:53.39vw;height:9.33vw;margin:31.14vw 0 0 21vw}.page .group_3 .image-wrapper_4[data-v-980fb0ea]{width:28.75vw;height:3.6vw;margin:3.59vw 0 8.59vw 33vw;display:flex;justify-content:space-between;align-items:center}.page .group_3 .image-wrapper_4 .image_19[data-v-980fb0ea],.page .group_3 .image-wrapper_4 .image_20[data-v-980fb0ea]{width:11.93vw;height:3.6vw}.page .image-wrapper_5[data-v-980fb0ea]{width:100vw;height:37.4vw;justify-content:flex-center}.page .image-wrapper_5 .image_21[data-v-980fb0ea]{width:55.37vw;height:20.06vw;margin:6.87vw 0 0 21.35vw}.page .image-wrapper_5 .image_22[data-v-980fb0ea]{width:11.93vw;height:3.6vw;margin:0 0 6.87vw 44.01vw}.page .group_4[data-v-980fb0ea]{width:99.8vw;height:65.16vw;background:url(/img/FigmaDDSSlicePNG8a8543a6c70ba6ae6a0f148252db568c.2aab40b1.png) 100% no-repeat;background-size:100% 100%;margin:-.05vw 0 0 .1vw}.page .group_4 .image_23[data-v-980fb0ea]{width:38.91vw;height:4.59vw;margin:3.9vw 0 0 30.46vw}.page .group_4 .image_24[data-v-980fb0ea]{width:10.68vw;height:15.16vw;margin:2.08vw 0 0 44.58vw}.page .group_4 .image_25[data-v-980fb0ea]{width:55.37vw;height:14.02vw;margin:3.28vw 0 0 22.23vw}.page .group_4 .image-wrapper_6[data-v-980fb0ea]{width:25vw;height:3.6vw;margin:4.79vw 0 0 36vw;display:flex;justify-content:space-between;align-items:center}.page .group_4 .image-wrapper_6 .image_26[data-v-980fb0ea],.page .group_4 .image-wrapper_6 .image_27[data-v-980fb0ea]{width:11.93vw;height:3.6vw}.page .group_4 .image_28[data-v-980fb0ea]{width:64.28vw;height:3.03vw;margin:3.28vw 0 0 17.76vw}.page .group_4 .image_29[data-v-980fb0ea]{width:25vw;height:1.52vw;margin:1.25vw 0 4.68vw 37.39vw}.topBar[data-v-698d0842]{width:100%;height:100px;border-bottom:1px solid hsla(0,12%,57%,.77);box-sizing:border-box;padding:20px;position:fixed;z-index:100;background:#fff}.topBar .openMenus[data-v-698d0842]{width:100px}.topBar .logo[data-v-698d0842],.topBar .openMenus[data-v-698d0842]{height:100%;display:flex;justify-content:center;align-items:center;float:left}.topBar .logo[data-v-698d0842]{width:10%;margin-left:20px}.topBar .logo img[data-v-698d0842]{width:100%;min-width:120px;max-width:180px}.topBar .backto[data-v-698d0842]{float:right;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.topBar .backto label[data-v-698d0842]{background:#fff;box-sizing:border-box;padding:20px;border-radius:25px;box-shadow:2px 2px 2px 2px #c9c9c9}.topBar .backto:hover label[data-v-698d0842]{background:#a9a6fc;color:#fff}.panel[data-v-698d0842]{display:grid;grid-template-columns:auto 1fr;width:100%;height:100vh;overflow:hidden}.panel_left[data-v-698d0842]{width:auto;height:100%;max-width:200px;float:left;margin-top:100px}.panel_right[data-v-698d0842]{height:100%;overflow:auto;overflow-x:hidden}.panel_right .rv[data-v-698d0842]{width:100%;overflow:scroll}.el-menu-vertical-demo[data-v-698d0842]:not(.el-menu--collapse){width:200px;min-height:400px;height:100%}.el-menu[data-v-698d0842]{height:100%}@media screen and (max-width:700px){.topBar .changeBar[data-v-698d0842]{display:block}}.topBar[data-v-c5679086]{width:100%;height:100px;border-bottom:1px solid hsla(0,12%,57%,.77);box-sizing:border-box;padding:20px;position:fixed;z-index:100;background:#fff}.topBar .openMenus[data-v-c5679086]{width:100px}.topBar .logo[data-v-c5679086],.topBar .openMenus[data-v-c5679086]{height:100%;display:flex;justify-content:center;align-items:center;float:left}.topBar .logo[data-v-c5679086]{width:10%;margin-left:20px}.topBar .logo img[data-v-c5679086]{width:100%;min-width:120px;max-width:180px}.topBar .backto[data-v-c5679086]{float:right;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.topBar .backto label[data-v-c5679086]{background:#fff;box-sizing:border-box;padding:20px;border-radius:25px;box-shadow:2px 2px 2px 2px #c9c9c9}.topBar .backto:hover label[data-v-c5679086]{background:#a9a6fc;color:#fff}.panel[data-v-c5679086]{display:grid;grid-template-columns:auto 1fr;width:100%;height:100vh;overflow:hidden}.panel_left[data-v-c5679086]{width:auto;height:100%;max-width:200px;float:left;margin-top:100px}.panel_right[data-v-c5679086]{height:100%;overflow:auto;overflow-x:hidden}.panel_right .rv[data-v-c5679086]{width:100%;overflow:scroll}.el-menu-vertical-demo[data-v-c5679086]:not(.el-menu--collapse){width:200px;min-height:400px;height:100%}.el-menu[data-v-c5679086]{height:100%}@media screen and (max-width:700px){.topBar .changeBar[data-v-c5679086]{display:block}}.header-action-bar[data-v-0002b03b]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:20px auto;padding:0 20px}.header-action-bar .page-title[data-v-0002b03b]{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.header-action-bar .save-top-btn[data-v-0002b03b]{background-color:#2c3e50;border-color:#2c3e50;font-weight:700;padding:12px 28px}.header-action-bar .save-top-btn[data-v-0002b03b]:hover{background-color:#1a252f;border-color:#1a252f}.coverSetting[data-v-0002b03b]{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:0 20px;gap:40px;box-sizing:border-box}.coverSetting_left[data-v-0002b03b]{flex:1;background:#fff;padding:36px;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.05);box-sizing:border-box}.coverSetting_left .clean-form[data-v-0002b03b] .el-form-item{margin-bottom:22px}.coverSetting_left .clean-form[data-v-0002b03b] .el-form-item .el-form-item__label{font-weight:600;color:#2c3e50;padding-bottom:6px}.coverSetting_left .clean-form .form-row[data-v-0002b03b]{display:flex;gap:16px}.coverSetting_left .clean-form .form-row .el-form-item[data-v-0002b03b]{flex:1;margin-bottom:22px}.coverSetting_left .clean-form .form-row.geolocation-row .flex-2[data-v-0002b03b]{flex:2}.coverSetting_left .clean-form .form-row.geolocation-row .flex-1[data-v-0002b03b]{flex:1}.coverSetting_left .clean-form .form-row .flex-2[data-v-0002b03b]{flex:2}.coverSetting_left .clean-form .form-row .flex-1[data-v-0002b03b]{flex:1}.coverSetting_left .rate-wrapper[data-v-0002b03b]{height:40px;display:flex;align-items:center}.coverSetting_left .el-divider[data-v-0002b03b]{margin:32px 0}.coverSetting_left .media-setting-section[data-v-0002b03b]{display:flex;flex-direction:column;gap:24px}.coverSetting_left .media-setting-section .media-title[data-v-0002b03b]{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:8px}.coverSetting_left .media-setting-section .media-item-box[data-v-0002b03b]{display:flex;justify-content:space-between;align-items:center;background:#fdfdfd;border:1px solid #f2f2f2;padding:20px;border-radius:8px;gap:20px}.coverSetting_left .media-setting-section .media-item-box.column-layout[data-v-0002b03b]{flex-direction:column;align-items:flex-start}.coverSetting_left .media-setting-section .media-item-box .media-item-info[data-v-0002b03b]{flex:1}.coverSetting_left .media-setting-section .media-item-box .media-item-info .label-text[data-v-0002b03b]{display:block;font-weight:600;color:#2c3e50;margin-bottom:4px}.coverSetting_left .media-setting-section .media-item-box .media-item-info .desc-text[data-v-0002b03b]{font-size:13px;color:#909399;margin:0;line-height:1.5}.coverSetting_left .media-setting-section .media-item-box .upload-area-wrapper[data-v-0002b03b]{display:flex;align-items:flex-end;gap:12px}.coverSetting_left .avatar-uploader[data-v-0002b03b]{border:1px dashed #dcdfe6;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;width:160px;height:120px;transition:all .3s;background:#fafafa}.coverSetting_left .avatar-uploader[data-v-0002b03b]:hover{border-color:#409eff;background:#f5f7fa}.coverSetting_left .avatar-uploader .avatar[data-v-0002b03b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.coverSetting_left .avatar-uploader .avatar-uploader-icon[data-v-0002b03b]{font-size:24px;color:#8c939d;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.coverSetting_left .slideshow-container[data-v-0002b03b]{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;width:100%}.coverSetting_left .slideshow-container .slideshow-draggable[data-v-0002b03b]{display:flex;flex-wrap:wrap;gap:12px}.coverSetting_left .slideshow-container .slideshow-card[data-v-0002b03b]{width:120px;height:120px;border-radius:8px;overflow:hidden;position:relative;border:1px solid #ebeef5;cursor:grab}.coverSetting_left .slideshow-container .slideshow-card[data-v-0002b03b]:active{cursor:grabbing}.coverSetting_left .slideshow-container .slideshow-card .slideshow-image[data-v-0002b03b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.coverSetting_left .slideshow-container .slideshow-card .slideshow-mask[data-v-0002b03b]{position:absolute;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease;cursor:pointer}.coverSetting_left .slideshow-container .slideshow-card .slideshow-mask .trash-icon[data-v-0002b03b]{color:#fff;font-size:20px}.coverSetting_left .slideshow-container .slideshow-card:hover .slideshow-mask[data-v-0002b03b]{opacity:1}.coverSetting_left .slideshow-container[data-v-0002b03b] .slideshow-uploader .el-upload--picture-card{width:120px;height:120px;background-color:#fafafa;border:1px dashed #dcdfe6;border-radius:8px}.coverSetting_left .slideshow-container[data-v-0002b03b] .slideshow-uploader .el-upload--picture-card:hover{border-color:#409eff;background-color:#f5f7fa}.coverSetting_right[data-v-0002b03b]{width:360px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.coverSetting_right .mock-title[data-v-0002b03b]{font-size:16px;font-weight:600;color:#57606f;margin-bottom:24px;align-self:center}.coverSetting_right .phone-mockup[data-v-0002b03b]{width:300px;height:620px;background:#000;border-radius:40px;padding:12px;box-shadow:0 12px 36px rgba(0,0,0,.15);box-sizing:border-box}.coverSetting_right .phone-mockup .phone-screen[data-v-0002b03b]{width:100%;height:100%;background:#f8f9fa;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;position:relative}.coverSetting_right .phone-mockup .phone-screen .app_icon[data-v-0002b03b]{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;z-index:10}.coverSetting_right .phone-mockup .phone-screen .app_icon .back-circle[data-v-0002b03b],.coverSetting_right .phone-mockup .phone-screen .app_icon .more-circle[data-v-0002b03b]{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;cursor:pointer}.coverSetting_right .phone-mockup .phone-screen .app_cover[data-v-0002b03b]{width:100%;height:38%;background-color:#e3e3e3;overflow:hidden}.coverSetting_right .phone-mockup .phone-screen .author_info[data-v-0002b03b]{background:#fff;padding:16px;margin-top:-20px;border-radius:16px 16px 0 0;position:relative;z-index:2;border-bottom:1px solid #f1f2f6}.coverSetting_right .phone-mockup .phone-screen .author_info .mock-game-title[data-v-0002b03b]{margin:0 0 6px 0;font-size:16px;font-weight:700;color:#2f3542;line-height:1.4}.coverSetting_right .phone-mockup .phone-screen .author_info .mock-author[data-v-0002b03b]{margin:0;font-size:12px;color:#747d8c}.coverSetting_right .phone-mockup .phone-screen .about[data-v-0002b03b]{background:#fff;padding:14px 16px;margin-top:8px}.coverSetting_right .phone-mockup .phone-screen .about .section-sub-title[data-v-0002b03b]{margin:0 0 10px 0;font-size:13px;font-weight:600;color:#2f3542}.coverSetting_right .phone-mockup .phone-screen .about .spec-list[data-v-0002b03b]{display:flex;flex-direction:column;gap:8px}.coverSetting_right .phone-mockup .phone-screen .about .spec-list .spec-item[data-v-0002b03b]{display:flex;align-items:center;font-size:12px;color:#57606f}.coverSetting_right .phone-mockup .phone-screen .about .spec-list .spec-item .spec-icon[data-v-0002b03b]{margin-right:8px;color:#a4b0be;font-size:14px}.coverSetting_right .phone-mockup .phone-screen .about .spec-list .spec-item .spec-label[data-v-0002b03b]{color:#747d8c}.coverSetting_right .phone-mockup .phone-screen .about .spec-list .spec-item .spec-val[data-v-0002b03b]{color:#2f3542;font-weight:500}.coverSetting_right .phone-mockup .phone-screen .about .spec-list .spec-item[data-v-0002b03b] .el-rate{height:auto}.coverSetting_right .phone-mockup .phone-screen .introduce[data-v-0002b03b]{background:#fff;padding:14px 16px;margin-top:8px;flex:1;overflow-y:auto;box-sizing:border-box}.coverSetting_right .phone-mockup .phone-screen .introduce .section-sub-title[data-v-0002b03b]{margin:0 0 8px 0;font-size:13px;font-weight:600;color:#2f3542}.coverSetting_right .phone-mockup .phone-screen .introduce .introduce-text[data-v-0002b03b]{margin:0;font-size:12px;color:#57606f;line-height:1.6;white-space:pre-wrap}.coverSetting_right .phone-mockup .phone-screen .mock-bottom-bar[data-v-0002b03b]{background:#fff;padding:12px 16px 20px;box-sizing:border-box;border-top:1px solid #f1f2f6}.coverSetting_right .phone-mockup .phone-screen .mock-bottom-bar .start-btn[data-v-0002b03b]{width:100%;height:38px;background:#02a7e5;color:#fff;font-weight:600;font-size:13px;border-radius:19px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px rgba(2,167,229,.3);cursor:pointer}@media screen and (max-width:1100px){.coverSetting[data-v-0002b03b]{flex-direction:column;align-items:center}.coverSetting_left[data-v-0002b03b]{width:100%}.coverSetting_right[data-v-0002b03b]{display:none}}#container[data-v-a7c894b6]{margin-left:10px;width:100%;height:600px}.canvas-box[data-v-74bdfebb]{width:100%;height:100%}.next[data-v-66deb31f]{width:100%;height:100px;background:#fff;border-bottom:1px solid hsla(0,5%,85%,.78);display:flex;align-items:center;justify-content:space-between;z-index:20;box-sizing:border-box;padding:10px;position:absolute}.next h1[data-v-66deb31f]{text-indent:40px;font-size:22px;font-weight:400}.next .btns[data-v-66deb31f]{width:20%;height:100%;min-width:300px;display:flex;justify-content:center;align-items:center}.contentSetting[data-v-66deb31f]{width:100%;height:auto;display:flex;justify-content:start;align-items:start;align-content:start;flex-wrap:wrap;margin-bottom:20px}.contentSetting_left[data-v-66deb31f],.contentSetting_right[data-v-66deb31f]{width:50%}.contentSetting .content[data-v-66deb31f]{width:90%;height:auto;min-height:45px;margin-left:10px;margin-top:10px;box-shadow:0 1px 1px 1px hsla(0,6%,76%,.47);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:15px 95px 15px 25px;position:relative}.contentSetting .add[data-v-66deb31f]{display:flex;justify-content:center;align-items:center;border:3px dashed red;box-shadow:none;padding:15px 55px}.contentSetting .edit[data-v-66deb31f]{right:12%;position:absolute}.contentSetting .delete[data-v-66deb31f]{position:absolute;right:3%}@media screen and (max-width:1600px){.contentSetting .gaodeMap[data-v-66deb31f]{margin-left:0;margin-top:20px}.contentSetting .map2[data-v-66deb31f]{margin-top:20px}}.gaodeMap[data-v-66deb31f]{width:80vw;height:80vw;box-sizing:border-box;max-width:600px}.map2[data-v-66deb31f]{width:50vw;height:50vw;max-width:700px;max-height:700px;margin-left:10px}.panel[data-v-2a328374]{width:100%;display:flex;justify-content:center;align-items:center}.panel_left[data-v-2a328374]{width:50%}.panel_right[data-v-2a328374]{width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.panel_right .title[data-v-2a328374]{margin-bottom:20px;font-size:1vw}.panel_right .example[data-v-2a328374]{width:300px;height:500px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;position:relative}.panel_right .example img[data-v-2a328374]{width:100%;height:50%;-o-object-fit:contain;object-fit:contain}.panel_right .example p[data-v-2a328374]:nth-child(2){width:100%;height:auto;text-align:center;box-sizing:border-box;padding:10px}.panel_right .example p[data-v-2a328374]:nth-child(3){width:100%;height:140px;overflow-y:scroll;font-family:新宋体;box-sizing:border-box;padding:10px;text-align:left}.panel_right .example p[data-v-2a328374]:nth-child(4){position:absolute;bottom:20px;left:100px;width:100px;height:40px;background:#2da8e0;display:flex;justify-content:center;align-items:center;color:#fff}.box[data-v-2a328374]{width:100px;height:100px}.avatar-uploader .avatar[data-v-2a328374]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-2a328374]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}、.avatar-uploader .avatar[data-v-2a328374]{width:178px;height:178px;display:block}.avatar-uploader[data-v-2a328374]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-2a328374]:hover{border-color:var(--el-color-primary)}.panel[data-v-aa8d7950]{width:100%;display:flex;justify-content:center;align-items:center}.panel_left[data-v-aa8d7950]{width:50%}.panel_right[data-v-aa8d7950]{width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.panel_right .title[data-v-aa8d7950]{margin-bottom:20px;font-size:1vw}.panel_right .example1[data-v-aa8d7950]{width:300px;height:550px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;position:relative;box-sizing:border-box;padding:14px}.panel_right .example1 p[data-v-aa8d7950]:first-child{width:100%;height:30px;display:flex;justify-content:space-between;align-items:center}.panel_right .example1 p:first-child span[data-v-aa8d7950]{display:block}.panel_right .example1 p[data-v-aa8d7950]:nth-child(2){width:100%;height:auto}.panel_right .example1 p[data-v-aa8d7950]:nth-child(3){width:100%;height:40px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e5e1e1}.panel_right .example1 p:nth-child(3) span[data-v-aa8d7950]{display:block;width:50%}.panel_right .example1 p:nth-child(3) span[data-v-aa8d7950]:first-child{display:flex;justify-content:flex-start;align-items:center}.panel_right .example1 p:nth-child(3) span[data-v-aa8d7950]:nth-child(2){display:flex;justify-content:flex-end;align-items:center}.panel_right .example1 p[data-v-aa8d7950]:nth-child(4){width:100%;height:auto;min-height:250px;max-height:250px;font-size:12px;overflow-y:scroll}.panel_right .example1 p[data-v-aa8d7950]:nth-child(5){width:100%;height:110px;position:relative}.panel_right .example1 p:nth-child(5) span[data-v-aa8d7950]:first-child{position:absolute;left:100px;top:5px;color:#2da8e0}.panel_right .example1 p:nth-child(5) span[data-v-aa8d7950]:nth-child(2){display:block;width:100%;height:100%}.panel_right .example1 p:nth-child(5) span:nth-child(2) img[data-v-aa8d7950]{width:80px;height:80px;border-radius:10px;-o-object-fit:contain;object-fit:contain}.panel_right .example1 p[data-v-aa8d7950]:nth-child(6){width:100%;height:80px;border-top:1px solid #e5e1e1;display:flex;justify-content:center;align-items:center}.panel_right .example1 p:nth-child(6) span[data-v-aa8d7950]{width:150px;height:40px;background:#2da8e0;color:#fff;display:flex;justify-content:center;align-items:center}.panel_right .example2[data-v-aa8d7950]{width:300px;height:450px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;box-sizing:border-box;padding:14px;position:relative}.panel_right .example2 p[data-v-aa8d7950]:first-child{width:100%;height:30px;display:flex;justify-content:space-between;align-items:center}.panel_right .example2 p:first-child span[data-v-aa8d7950]{display:block}.panel_right .example2 p[data-v-aa8d7950]:nth-child(2){width:100%;height:auto}.panel_right .example2 p[data-v-aa8d7950]:nth-child(3){width:100%;height:40px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e5e1e1}.panel_right .example2 p:nth-child(3) span[data-v-aa8d7950]{display:block;width:50%}.panel_right .example2 p:nth-child(3) span[data-v-aa8d7950]:first-child{display:flex;justify-content:flex-start;align-items:center}.panel_right .example2 p:nth-child(3) span[data-v-aa8d7950]:nth-child(2){display:flex;justify-content:flex-end;align-items:center}.panel_right .example2 p[data-v-aa8d7950]:nth-child(4){box-sizing:border-box;padding:10px}.panel_right .example2 p[data-v-aa8d7950]:nth-child(5){width:100%;height:auto;min-height:250px;font-size:12px}.panel_right .example2 p:nth-child(5) .el-radio-group[data-v-aa8d7950]{width:100%}.panel_right .example2 p:nth-child(5) .el-radio-group .el-radio[data-v-aa8d7950]{white-space:normal;height:auto;min-height:40px}.panel_right .example2 p:nth-child(5) i[data-v-aa8d7950]{display:block;width:100%;overflow:hidden;text-overflow:ellipsis}.panel_right .example2 p[data-v-aa8d7950]:nth-child(6){width:100%;height:80px;position:absolute;left:calc(50% - 75px);bottom:-20px}.panel_right .example2 p:nth-child(6) span[data-v-aa8d7950]{width:150px;height:40px;background:#2da8e0;color:#fff;display:flex;justify-content:center;align-items:center}.box[data-v-aa8d7950]{width:100px;height:100px}.avatar-uploader .avatar[data-v-aa8d7950]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-aa8d7950]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}、.avatar-uploader .avatar[data-v-aa8d7950]{width:178px;height:178px;display:block}.avatar-uploader[data-v-aa8d7950]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-aa8d7950]:hover{border-color:var(--el-color-primary)}.mt-2[data-v-aa8d7950]{margin-top:20px}.option[data-v-aa8d7950]{width:100%;display:flex;justify-content:flex-start;align-items:center}.option .text[data-v-aa8d7950]{width:10%;margin-left:20px;font-size:14px}.option .text[data-v-aa8d7950]:hover{color:red}.panel[data-v-2d436048]{width:100%;display:flex;justify-content:center;align-items:center}.panel_left[data-v-2d436048]{width:50%}.panel_right[data-v-2d436048]{width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.panel_right .title[data-v-2d436048]{margin-bottom:20px;font-size:1vw}.panel_right .example1[data-v-2d436048]{width:300px;height:550px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;position:relative;box-sizing:border-box;padding:14px}.panel_right .example1 p[data-v-2d436048]:first-child{width:100%;height:30px;display:flex;justify-content:space-between;align-items:center}.panel_right .example1 p:first-child span[data-v-2d436048]{display:block}.panel_right .example1 p[data-v-2d436048]:nth-child(2){width:100%;height:auto;margin-top:30px}.panel_right .example1 p[data-v-2d436048]:nth-child(3){width:100%;height:360px;overflow-y:scroll;box-sizing:border-box;padding:14px}.panel_right .example1 p:nth-child(3) img[data-v-2d436048]{width:60%;margin-left:20%}.panel_right .example1 p:nth-child(3) span[data-v-2d436048]{display:block;width:100%;height:auto}.panel_right .example1 p[data-v-2d436048]:nth-child(4){width:100%;height:360px;display:flex;justify-content:center;align-items:center}.panel_right .example1 p[data-v-2d436048]:nth-child(5){width:60%;height:50px;background:#2da8e0;color:#fff;display:flex;justify-content:center;align-items:center;margin:auto;margin-top:15px}.box[data-v-2d436048]{width:100px;height:100px}.avatar-uploader .avatar[data-v-2d436048]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-2d436048]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}、.avatar-uploader .avatar[data-v-2d436048]{width:178px;height:178px;display:block}.avatar-uploader[data-v-2d436048]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-2d436048]:hover{border-color:var(--el-color-primary)}.content[data-v-2d436048]{width:100%;height:auto;max-width:600px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.content .lunBo[data-v-2d436048]{width:120px;height:50px;background:#000;margin-left:10px;margin-top:10px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:move;position:relative}.content .lunBo span[data-v-2d436048]{position:absolute;right:14%;top:36%;font-weight:700}.content .lunBo span[data-v-2d436048]:hover{color:#1475d5;transform:scale(1.5)}.panel[data-v-1fa60b22]{width:100%;display:flex;justify-content:center;align-items:center}.panel_left[data-v-1fa60b22]{width:50%}.panel_right[data-v-1fa60b22]{width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.panel_right .title[data-v-1fa60b22]{margin-bottom:20px;font-size:1vw}.panel_right .example[data-v-1fa60b22]{width:300px;height:500px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;position:relative}.panel_right .example img[data-v-1fa60b22]{width:100%;height:50%;-o-object-fit:contain;object-fit:contain}.panel_right .example p[data-v-1fa60b22]:nth-child(2){width:100%;height:auto;text-align:center;box-sizing:border-box;padding:10px}.panel_right .example p[data-v-1fa60b22]:nth-child(3){width:100%;height:140px;overflow-y:scroll;font-family:新宋体;box-sizing:border-box;padding:10px;text-align:left}.panel_right .example p[data-v-1fa60b22]:nth-child(4){position:absolute;bottom:20px;left:100px;width:100px;height:40px;background:#2da8e0;display:flex;justify-content:center;align-items:center;color:#fff}.box[data-v-1fa60b22]{width:100px;height:100px}.avatar-uploader .avatar[data-v-1fa60b22]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-1fa60b22]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}、.avatar-uploader .avatar[data-v-1fa60b22]{width:178px;height:178px;display:block}.avatar-uploader[data-v-1fa60b22]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-1fa60b22]:hover{border-color:var(--el-color-primary)}.home[data-v-55c645de]{height:450px;width:100%;padding:0;margin:0;position:relative}.info-box[data-v-55c645de]{position:absolute;top:8px;right:8px}#map-box[data-v-55c645de]{height:100%;width:100%;padding:0;margin:0}.el-select[data-v-55c645de]{min-width:500px}#container[data-v-51a52972]{width:100%;height:100%;overflow:scroll}#preview[data-v-51a52972]{position:absolute;top:2px;right:2px;border:1px solid grey;background-color:#d3d3d3}.form5[data-v-7f3579f1]{width:100%;display:flex;justify-content:center;align-items:center}.form5_left[data-v-7f3579f1]{width:100%}.form5_right[data-v-7f3579f1]{width:50%;background:red;position:relative}.form5_right .search[data-v-7f3579f1]{position:absolute;top:0;left:0}.box[data-v-7f3579f1]{width:100px;height:100px}.avatar-uploader .avatar[data-v-7f3579f1]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-7f3579f1]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}、.avatar-uploader .avatar[data-v-7f3579f1]{width:178px;height:178px;display:block}.avatar-uploader[data-v-7f3579f1]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-7f3579f1]:hover{border-color:var(--el-color-primary)}.content[data-v-7f3579f1]{width:40vw;height:auto;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.content .lunBo[data-v-7f3579f1]{width:150px;height:150px;margin-left:10px;margin-top:10px;position:relative}.content .lunBo .elImg[data-v-7f3579f1]{width:100%;height:100%;transition:opacity .3s ease}.content .lunBo .clearImg[data-v-7f3579f1]{position:absolute;left:30%;top:40%;z-index:100;display:none;color:#000}.content .lunBo:hover .elImg[data-v-7f3579f1]{opacity:.5}.content .lunBo:hover .clearImg[data-v-7f3579f1]{display:block;font-weight:700}.panel[data-v-39df243c]{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.panel_left[data-v-39df243c]{width:50%}.panel_right[data-v-39df243c]{width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.panel_right .title[data-v-39df243c]{margin-bottom:20px;font-size:1vw}.panel_right .example[data-v-39df243c]{width:300px;height:500px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;position:relative}.panel_right .example img[data-v-39df243c]{width:100%;height:50%;-o-object-fit:contain;object-fit:contain}.panel_right .example p[data-v-39df243c]:nth-child(2){width:100%;height:auto;text-align:center;box-sizing:border-box;padding:10px}.panel_right .example p[data-v-39df243c]:nth-child(3){width:100%;height:140px;overflow-y:scroll;font-family:新宋体;box-sizing:border-box;padding:10px;text-align:left}.panel_right .example p[data-v-39df243c]:nth-child(4){position:absolute;bottom:20px;left:100px;width:100px;height:40px;background:#2da8e0;display:flex;justify-content:center;align-items:center;color:#fff}.box[data-v-39df243c]{width:100px;height:100px}.avatar-uploader .avatar[data-v-39df243c]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-39df243c]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}、.avatar-uploader .avatar[data-v-39df243c]{width:178px;height:178px;display:block}.avatar-uploader[data-v-39df243c]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-39df243c]:hover{border-color:var(--el-color-primary)}.next[data-v-70455d12]{width:100%;height:100px;background:#fff;border-bottom:1px solid hsla(0,5%,85%,.78);display:flex;align-items:center;justify-content:space-between;z-index:330;box-sizing:border-box;padding:10px;position:absolute}.next h1[data-v-70455d12]{text-indent:40px;font-size:22px;font-weight:400}.next .btns[data-v-70455d12]{width:20%;height:100%;min-width:300px;display:flex;justify-content:center;align-items:center}.selectBar[data-v-70455d12]{position:absolute;width:100%;top:200px;z-index:29}.answer[data-v-70455d12]{padding:50px}@media screen and (max-width:1200px){.coverSetting_left[data-v-70455d12]{width:100%}.coverSetting_right[data-v-70455d12]{display:none}}.container[data-v-d0f21430]{max-width:900px;margin:50px auto;padding:20px;font-family:Helvetica Neue,Arial,sans-serif;background-color:#fff;border:1px solid #e1e1e1;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.form-group[data-v-d0f21430]{margin-bottom:20px;text-align:left}label[data-v-d0f21430]{font-size:16px;margin-right:10px}.el-select[data-v-d0f21430]{width:200px}.info-group[data-v-d0f21430]{margin-bottom:20px}.info-details[data-v-d0f21430]{font-size:16px;color:#555}.info-details p[data-v-d0f21430]{margin:5px 0}.info-details strong[data-v-d0f21430]{color:#333}.qr-code[data-v-d0f21430]{margin-top:10px}.qr-code img[data-v-d0f21430]{width:150px;height:150px}.button-group[data-v-d0f21430]{text-align:center;margin-bottom:30px}.el-button[data-v-d0f21430]{width:150px;text-transform:uppercase}.footer[data-v-d0f21430]{text-align:center}.footer a[data-v-d0f21430]{color:#3498db;text-decoration:none;font-size:16px}.footer a[data-v-d0f21430]:hover{text-decoration:underline}.tiyan[data-v-d0f21430]{display:flex;justify-content:center;align-items:center;margin-top:10px}.title[data-v-5a63086d]{margin-left:20px;margin-top:10px}p[data-v-5a63086d]{margin-top:20px}.top-action-bar[data-v-39d4094c]{display:flex;justify-content:flex-start;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 20px}.top-action-bar .back-btn[data-v-39d4094c]{border-color:#dcdfe6;color:#606266;font-weight:500}.top-action-bar .back-btn[data-v-39d4094c]:hover{background:#f5f7fa;border-color:#c0c4cc}.top-action-bar .home-btn[data-v-39d4094c]{font-weight:500}.list-tabs-container[data-v-39d4094c]{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.list-tabs-container[data-v-39d4094c] .modern-tabs .el-tabs__header{margin-right:30px}.list-tabs-container[data-v-39d4094c] .modern-tabs .el-tabs__item{font-size:15px;font-weight:600;height:50px;line-height:50px;color:#747d8c;transition:color .3s}.list-tabs-container[data-v-39d4094c] .modern-tabs .el-tabs__item.is-active{color:#2c3e50}.list-tabs-container[data-v-39d4094c] .modern-tabs .el-tabs__active-bar{background-color:#2c3e50;width:3px}.game-list-wrapper[data-v-39d4094c]{display:flex;flex-direction:column;gap:20px}.game-card[data-v-39d4094c]{display:flex;background:#fff;border-radius:12px;border:1px solid #f1f2f6;box-shadow:0 4px 16px rgba(0,0,0,.02);padding:20px;box-sizing:border-box;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;align-items:center}.game-card[data-v-39d4094c]:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.game-card .game_left[data-v-39d4094c]{width:180px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f1f2f6}.game-card .game_left .cover-img[data-v-39d4094c]{width:100%;height:100%}.game-card .game_left .image-slot-placeholder[data-v-39d4094c]{display:flex;justify-content:center;align-items:center;height:100%;font-size:12px;color:#a4b0be}.game-card .game_center[data-v-39d4094c]{flex:1;padding:0 24px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.game-card .game_center .game-title[data-v-39d4094c]{margin:0 0 10px 0;font-size:18px;font-weight:700;color:#2f3542;line-height:1.4}.game-card .game_center .meta-tags[data-v-39d4094c]{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.game-card .game_center .meta-tags .meta-tag-id[data-v-39d4094c]{font-weight:700}.game-card .game_center .meta-tags .region-span[data-v-39d4094c]{font-size:12px;color:#747d8c}.game-card .game_center .create-time[data-v-39d4094c]{margin:0 0 6px 0;font-size:12px;color:#a4b0be}.game-card .game_center .game-desc[data-v-39d4094c]{margin:0;font-size:13px;color:#57606f;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card .game_right[data-v-39d4094c]{width:180px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:120px;flex-shrink:0;box-sizing:border-box}.game-card .game_right .update-tip-box[data-v-39d4094c]{font-size:12px;text-align:right}.game-card .game_right .update-tip-box .update-time[data-v-39d4094c]{margin:0;color:#747d8c}.game-card .game_right .update-tip-box .days-left[data-v-39d4094c]{margin:0;color:#e4393c;font-weight:500}.game-card .game_right .update-tip-box .days-left .highlight-days[data-v-39d4094c]{font-size:15px;font-weight:700}.game-card .game_right .btn-group[data-v-39d4094c]{display:flex;gap:8px;width:100%;justify-content:flex-end}.game-card .game_right .btn-group .action-btn[data-v-39d4094c]{min-width:70px;font-weight:600;letter-spacing:.5px}.page-pagination[data-v-39d4094c]{display:flex;justify-content:center;margin-top:32px}.top_bar[data-v-28d7d0b8]{width:100%;height:100px;position:fixed;display:flex;justify-content:start;align-items:center;align-content:center;z-index:9999;background:#fff;border-bottom:2px solid hsla(0,2%,68%,.3)}.top_bar .back[data-v-28d7d0b8]{margin-left:20px;width:100px}.game[data-v-28d7d0b8]{width:80%;height:300px;margin:auto;align-content:center;border-bottom:1px solid hsla(0,0%,77%,.52);padding-bottom:20px;margin-top:20px}.game[data-v-28d7d0b8],.game_left[data-v-28d7d0b8]{display:flex;justify-content:center;align-items:center}.game_left[data-v-28d7d0b8]{width:20%;height:100%;background:#000}.game_left img[data-v-28d7d0b8]{width:100%}.game_center[data-v-28d7d0b8]{width:60%;height:100%}.game_center p[data-v-28d7d0b8]{width:100%;height:15%;text-indent:20px;line-height:50px}.game_center p[data-v-28d7d0b8]:first-child{font-size:18px;font-weight:700}.game_center p[data-v-28d7d0b8]:nth-child(3){color:#2da8e0}.game_center p[data-v-28d7d0b8]:nth-child(4){color:#f87d7d}.game_center p[data-v-28d7d0b8]:nth-child(5){overflow:hidden;text-overflow:ellipsis}.game_right[data-v-28d7d0b8]{width:20%;height:100%}.game_right p[data-v-28d7d0b8]{margin-top:10px}.game_right p[data-v-28d7d0b8]:first-child{font-size:16px;font-weight:700;cursor:default}.game_right p[data-v-28d7d0b8]:nth-child(2){width:100px;height:40px;background:#006fff;color:#fff;display:flex;justify-content:center;align-items:center}.game_right p[data-v-28d7d0b8]:nth-child(2):hover{background:rgba(0,111,255,.71)}.game_right p[data-v-28d7d0b8]:nth-child(3){width:100px;height:40px;background:#fa4f5c;color:#fff;display:flex;justify-content:center;align-items:center}.game_right p[data-v-28d7d0b8]:nth-child(3):hover{background:rgba(250,79,92,.71)}.page[data-v-28d7d0b8]{height:200px}.auth-form-container[data-v-6bdd36b0],.page[data-v-28d7d0b8]{width:100%;display:flex;justify-content:center;align-items:center}.auth-form-container[data-v-6bdd36b0]{height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4ebf5);box-sizing:border-box}.auth-card[data-v-6bdd36b0]{width:100%;max-width:420px;padding:40px;border-radius:20px;background-color:hsla(0,0%,100%,.95);box-shadow:0 12px 40px rgba(163,177,198,.35);border:1px solid hsla(0,0%,100%,.8);box-sizing:border-box}.auth-card .auth-header[data-v-6bdd36b0]{text-align:center;margin-bottom:30px}.auth-card .auth-header h2[data-v-6bdd36b0]{margin:0 0 6px 0;font-size:24px;font-weight:700;color:#2c3e50}.auth-card .auth-header .auth-subtitle[data-v-6bdd36b0]{margin:0;font-size:13px;color:#909399;letter-spacing:.5px}.modern-form[data-v-6bdd36b0] .el-form-item{margin-bottom:20px}.modern-form[data-v-6bdd36b0] .el-form-item .el-form-item__label{font-weight:600;color:#4a5568;padding-bottom:6px}.modern-form[data-v-6bdd36b0] .el-form-item .el-input__wrapper{box-shadow:inset 0 2px 8px rgba(0,0,0,.02);border-radius:8px}.captcha-input-group[data-v-6bdd36b0]{display:flex;align-items:center;gap:12px;width:100%}.captcha-input-group .el-input[data-v-6bdd36b0]{flex:1}.captcha-input-group .captcha-btn[data-v-6bdd36b0]{min-width:110px;height:40px;border-radius:8px}.form-actions[data-v-6bdd36b0]{margin-top:30px}.form-actions .submit-btn[data-v-6bdd36b0]{width:100%;height:44px;font-size:15px;font-weight:700;border-radius:8px;background:#2c3e50;border-color:#2c3e50;box-shadow:0 4px 12px rgba(44,62,80,.2);transition:all .2s ease}.form-actions .submit-btn[data-v-6bdd36b0]:hover{background:#1a252f;border-color:#1a252f;transform:translateY(-1px)}.auth-helper-links[data-v-6bdd36b0]{display:flex;justify-content:center;align-items:center;margin-top:24px;font-size:13px}.auth-helper-links .helper-link[data-v-6bdd36b0]{cursor:pointer;color:#409eff;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-helper-links .helper-link[data-v-6bdd36b0]:hover{color:#66b1ff;text-decoration:underline}.auth-helper-links .helper-link.text-muted[data-v-6bdd36b0]{color:#909399}.auth-helper-links .helper-link.text-muted[data-v-6bdd36b0]:hover{color:#303133}.auth-helper-links .el-divider[data-v-6bdd36b0]{border-color:#dcdfe6;margin:0 12px}.error-message-tip[data-v-6bdd36b0]{color:#f56c6c;font-size:12px;margin-top:4px;display:block}.forgot-password-dialog[data-v-6bdd36b0] .el-dialog__header{padding-bottom:15px;border-bottom:1px solid #f2f2f2}.forgot-password-dialog[data-v-6bdd36b0] .el-dialog__header .el-dialog__title{font-weight:700}.forgot-password-dialog[data-v-6bdd36b0] .el-dialog__body{padding:24px 30px}.forgot-password-dialog .dialog-footer[data-v-6bdd36b0]{display:flex;justify-content:flex-end;gap:12px}h2[data-v-08e5581a]{margin-bottom:20px}.settings-form-container[data-v-08e5581a]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.settings-form[data-v-08e5581a]{width:100%;max-width:400px;padding:2em;border:1px solid #ccc;border-radius:4px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.avatar-uploader .avatar[data-v-08e5581a]{width:178px;height:178px;display:block}.avatar-uploader[data-v-08e5581a]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-08e5581a]:hover{border-color:var(--el-color-primary)}.el-icon.avatar-uploader-icon[data-v-08e5581a]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}.switchBar[data-v-259631d6]{width:100%;height:auto}.pagination[data-v-259631d6]{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}.switchBar[data-v-74e676b4]{width:100%;height:auto}.pagination[data-v-74e676b4]{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}.switchBar[data-v-0ceb412b]{width:100%;height:auto}.pagination[data-v-0ceb412b]{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}.switchBar[data-v-43eafbc6]{width:100%;height:auto}.pagination[data-v-43eafbc6]{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}.switchBar[data-v-81dc05f8]{width:100%;height:auto}.pagination[data-v-81dc05f8]{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}.link[data-v-81dc05f8]{width:80%;height:6vw;max-height:50px;max-width:1000px;display:flex;justify-content:space-between;align-items:center;margin:auto;padding:20px}.link input[data-v-81dc05f8]{width:88%;height:100%;outline:none;border:1px solid #000;text-indent:10px}.link input[data-v-81dc05f8]:focus{border-color:#2da8e0}.link span[data-v-81dc05f8]{width:10%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;background:#000;font-size:1.2vw}.demo-tabs>.el-tabs__content[data-v-491d76c8]{padding:32px;color:#6b778c;font-size:32px;font-weight:600}.prove[data-v-491d76c8]{width:260px;height:562.66667px;margin:auto}.prove img[data-v-491d76c8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btns[data-v-491d76c8]{width:100%;height:100px}.btns[data-v-491d76c8],.upload-demo[data-v-491d76c8]{display:flex;justify-content:center;align-items:center}.upload-demo button[data-v-491d76c8]{margin-left:10px}.panel[data-v-67e66980]{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:30px}.panel_left[data-v-67e66980]{width:50%}.panel_right[data-v-67e66980]{width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.panel_right .title[data-v-67e66980]{margin-bottom:20px;font-size:1vw}.panel_right .example[data-v-67e66980]{width:300px;height:500px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;position:relative;background:#fff;overflow:hidden}.panel_right .example .media-preview-box[data-v-67e66980]{width:100%;height:50%;background-color:#f5f7fa;display:flex;justify-content:center;align-items:center;overflow:hidden}.panel_right .example .media-preview-box img[data-v-67e66980]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.panel_right .example .media-preview-box .video-container[data-v-67e66980]{width:100%;height:100%;position:relative}.panel_right .example .media-preview-box .video-container .preview-iframe[data-v-67e66980]{width:100%;height:100%;border:none}.panel_right .example .media-preview-box .video-container .video-placeholder[data-v-67e66980]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#909399;background:#f5f7fa}.panel_right .example p[data-v-67e66980]:nth-child(2){width:100%;height:auto;text-align:center;box-sizing:border-box;padding:10px;margin:0}.panel_right .example p[data-v-67e66980]:nth-child(3){width:100%;height:140px;overflow-y:scroll;font-family:新宋体;box-sizing:border-box;padding:10px;text-align:left;margin:0}.panel_right .example p[data-v-67e66980]:nth-child(4){position:absolute;bottom:20px;left:100px;width:100px;height:40px;background:#2da8e0;display:flex;justify-content:center;align-items:center;color:#fff;margin:0}.box[data-v-67e66980]{width:100px;height:100px}.avatar-uploader .avatar[data-v-67e66980]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-67e66980]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}.avatar-uploader[data-v-67e66980]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-67e66980]:hover{border-color:var(--el-color-primary)}.panel[data-v-b52302dc]{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:30px}.panel_left[data-v-b52302dc]{width:50%}.panel_right[data-v-b52302dc]{width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.panel_right .title[data-v-b52302dc]{margin-bottom:20px;font-size:1vw}.panel_right .example[data-v-b52302dc]{width:300px;height:500px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:10px;position:relative}.panel_right .example img[data-v-b52302dc]{width:100%;height:50%;-o-object-fit:contain;object-fit:contain}.panel_right .example p[data-v-b52302dc]:nth-child(2){width:100%;height:auto;text-align:center;box-sizing:border-box;padding:10px}.panel_right .example p[data-v-b52302dc]:nth-child(3){width:100%;height:140px;overflow-y:scroll;font-family:新宋体;box-sizing:border-box;padding:10px;text-align:left}.panel_right .example p[data-v-b52302dc]:nth-child(4){position:absolute;bottom:20px;left:100px;width:100px;height:40px;background:#2da8e0;display:flex;justify-content:center;align-items:center;color:#fff}.box[data-v-b52302dc]{width:100px;height:100px}.avatar-uploader .avatar[data-v-b52302dc]{width:178px;height:178px;display:block}.el-icon.avatar-uploader-icon[data-v-b52302dc]{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}、.avatar-uploader .avatar[data-v-b52302dc]{width:178px;height:178px;display:block}.avatar-uploader[data-v-b52302dc]{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader[data-v-b52302dc]:hover{border-color:var(--el-color-primary)}[data-v-656db70e]::-webkit-scrollbar{height:6px;width:6px}[data-v-656db70e]::-webkit-scrollbar-thumb{background-color:hsla(220,4%,58%,.3);border-radius:4px}[data-v-656db70e]::-webkit-scrollbar-thumb:hover{background-color:hsla(220,4%,58%,.5)}[data-v-656db70e]::-webkit-scrollbar-track{background-color:transparent}.role-container[data-v-656db70e]{width:100%;padding:40px 0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.role-container .role-list[data-v-656db70e]{display:flex;flex-wrap:nowrap;gap:24px;padding:10px 20px;align-items:center}.role-card[data-v-656db70e]{flex:0 0 260px;width:260px;height:400px;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);border:1px solid #f0f0f0;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);box-sizing:border-box}.role-card[data-v-656db70e]:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.12)}.role-card-header[data-v-656db70e]{padding:16px 16px 8px;text-align:center}.role-card-header .role-name[data-v-656db70e]{margin:0;font-size:18px;font-weight:600;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card-media[data-v-656db70e]{flex:1;overflow:hidden;background:#fafafa;display:flex;align-items:center;justify-content:center;margin:0 16px;border-radius:8px}.role-card-media .role-image[data-v-656db70e]{width:100%;height:100%;transition:transform .3s ease}.role-card:hover .role-image[data-v-656db70e]{transform:scale(1.05)}.role-card-footer[data-v-656db70e]{padding:16px;display:flex;justify-content:center;gap:16px;border-top:1px solid #f9f9f9}.add-role-trigger[data-v-656db70e]{border:2px dashed #c0c4cc;background:hsla(0,0%,98%,.7);box-shadow:none;cursor:pointer;justify-content:center;align-items:center}.add-role-trigger[data-v-656db70e]:hover{border-color:#409eff;background:rgba(64,158,255,.02)}.add-role-trigger .add-icon-wrapper[data-v-656db70e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.add-role-trigger .add-icon-wrapper img[data-v-656db70e]{width:48px;height:48px;opacity:.6;transition:opacity .3s ease}.add-role-trigger .add-icon-wrapper p[data-v-656db70e]{margin:0;font-size:16px;color:#606266;font-weight:500}.add-role-trigger:hover .add-icon-wrapper img[data-v-656db70e]{opacity:1}.role_add[data-v-656db70e]{display:flex;gap:30px;padding:10px 0;box-sizing:border-box}.role_add_left[data-v-656db70e]{flex:1;display:flex;flex-direction:column;gap:24px}.role_add_left .upload-section .section-title[data-v-656db70e]{display:block;margin-bottom:8px;font-weight:600;color:#303133}.role_add_left .upload-section .uploader-wrapper[data-v-656db70e]{display:flex;align-items:center;gap:16px}.role_add_left .upload-section .uploader-wrapper .upload-tip[data-v-656db70e]{font-size:13px;color:#909399;line-height:1.6}.role_add_left .form-section .clean-form .form-row[data-v-656db70e]{display:flex;gap:16px}.role_add_left .form-section .clean-form .form-row .el-form-item[data-v-656db70e]{flex:1}.role_add_left .form-section .clean-form .el-form-item[data-v-656db70e]{margin-bottom:16px}.role_add_left .form-section .clean-form .el-form-item[data-v-656db70e] .el-form-item__label{font-weight:600;color:#303133;padding-bottom:6px}.role_add_right[data-v-656db70e]{flex:0 0 340px;display:flex;justify-content:center;align-items:center}.role_add_right .phone-mockup[data-v-656db70e]{width:300px;height:600px;background:#000;border-radius:36px;padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.15);box-sizing:border-box}.role_add_right .phone-mockup .phone-screen[data-v-656db70e]{width:100%;height:100%;background:#fff;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;position:relative}.role_add_right .phone-mockup .phone-screen .phone-media[data-v-656db70e]{width:100%;height:48%;background:#f5f7fa;display:flex;justify-content:center;align-items:center}.role_add_right .phone-mockup .phone-screen .phone-media .media-placeholder[data-v-656db70e]{display:flex;flex-direction:column;align-items:center;color:#c0c4cc;gap:8px;font-size:13px}.role_add_right .phone-mockup .phone-screen .phone-media .media-placeholder .el-icon[data-v-656db70e]{font-size:24px}.role_add_right .phone-mockup .phone-screen .phone-info[data-v-656db70e]{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;box-sizing:border-box}.role_add_right .phone-mockup .phone-screen .phone-info .info-item[data-v-656db70e]{display:flex;align-items:flex-start;font-size:13px;line-height:1.4;color:#606266}.role_add_right .phone-mockup .phone-screen .phone-info .info-item.highlight[data-v-656db70e]{font-size:16px;color:#303133;font-weight:700;border-bottom:1px solid #ebeef5;padding-bottom:6px;margin-bottom:4px}.role_add_right .phone-mockup .phone-screen .phone-info .info-item .label[data-v-656db70e]{color:#909399;width:65px;flex-shrink:0;font-weight:500}.role_add_right .phone-mockup .phone-screen .phone-info .info-item .val[data-v-656db70e]{color:#303133;word-break:break-all}.role_add_right .phone-mockup .phone-screen .phone-info .info-item.scrollable-text[data-v-656db70e]{flex-direction:column;gap:2px}.role_add_right .phone-mockup .phone-screen .phone-info .info-item.scrollable-text .label[data-v-656db70e]{width:100%;font-weight:700;color:#555}.role_add_right .phone-mockup .phone-screen .phone-info .info-item.scrollable-text .desc-text[data-v-656db70e]{font-family:PingFang SC,Microsoft YaHei;background:#fafafa;border-radius:4px;padding:6px;width:100%;box-sizing:border-box;min-height:40px;max-height:80px;overflow-y:auto}.role_add_right .phone-mockup .phone-screen .phone-info .info-grid[data-v-656db70e]{display:flex;gap:12px}.role_add_right .phone-mockup .phone-screen .phone-info .info-grid .info-item[data-v-656db70e]{flex:1}.role_add_right .phone-mockup .phone-screen .phone-action[data-v-656db70e]{padding:12px 16px 20px;display:flex;justify-content:center}.role_add_right .phone-mockup .phone-screen .phone-action .continue-btn[data-v-656db70e]{width:100%;height:40px;background:#02a7e5;color:#fff;font-weight:600;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer;box-shadow:0 4px 8px rgba(2,167,229,.3);transition:all .2s ease}.role_add_right .phone-mockup .phone-screen .phone-action .continue-btn[data-v-656db70e]:hover{background:#0294cc;box-shadow:0 6px 12px rgba(2,167,229,.4)}[data-v-656db70e] .custom-dragging-style{border-radius:16px}[data-v-656db70e] .custom-dragging-style .el-dialog__header{margin-right:0;padding:20px 24px;border-bottom:1px solid #f0f0f0}[data-v-656db70e] .custom-dragging-style .el-dialog__header .el-dialog__title{font-weight:600;font-size:18px}[data-v-656db70e] .custom-dragging-style .el-dialog__body{padding:24px}[data-v-656db70e] .custom-dragging-style .el-dialog__footer{padding:16px 24px 20px;border-top:1px solid #f0f0f0}.switchBar[data-v-52364b26]{width:100%;height:auto}.topBar[data-v-52364b26]{width:100%;height:100px;display:flex;justify-content:flex-start;padding-left:20px;align-items:center}.pagination[data-v-52364b26]{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}.topBar[data-v-80f811bc]{width:100%;height:100px;display:flex;justify-content:flex-start;padding-left:20px;align-items:center}.demo-wrap[data-v-80f811bc]{width:100%}.demo-wrap .demo-title[data-v-80f811bc]{font-size:14px;color:#409eff}.select-bar-wrapper[data-v-bc042242]{max-width:1200px;margin:0 auto 24px;padding:0 20px}.form-container[data-v-bc042242]{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.panel[data-v-bc042242]{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.05);box-sizing:border-box}.panel_left[data-v-bc042242]{flex:1;max-width:600px}.panel_left .clean-form[data-v-bc042242] .el-form-item{margin-bottom:24px}.panel_left .clean-form[data-v-bc042242] .el-form-item .el-form-item__label{font-weight:600;color:#2c3e50;padding-bottom:8px}.panel_left .upload-wrapper[data-v-bc042242]{display:flex;align-items:flex-end;gap:16px}.panel_left .avatar-uploader[data-v-bc042242]{border:1px dashed #dcdfe6;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;width:160px;height:160px;transition:all .3s cubic-bezier(.25,.8,.25,1);background:#fafafa}.panel_left .avatar-uploader[data-v-bc042242]:hover{border-color:#409eff;background:#f5f7fa}.panel_left .avatar-uploader .avatar[data-v-bc042242]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.panel_left .avatar-uploader .uploader-placeholder[data-v-bc042242]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#909399}.panel_left .avatar-uploader .uploader-placeholder .avatar-uploader-icon[data-v-bc042242]{font-size:24px;margin-bottom:8px}.panel_left .avatar-uploader .uploader-placeholder .upload-text[data-v-bc042242]{font-size:12px}.panel_left .clear-img-btn[data-v-bc042242]{height:36px}.panel_left .action-bar[data-v-bc042242]{margin-top:32px;border-top:1px solid #f2f2f2;padding-top:24px}.panel_left .action-bar .save-btn[data-v-bc042242]{width:100%;background-color:#2c3e50;border-color:#2c3e50;font-weight:700;transition:all .2s ease}.panel_left .action-bar .save-btn[data-v-bc042242]:hover{background-color:#1a252f;border-color:#1a252f}.panel_right[data-v-bc042242]{width:380px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-shrink:0}.panel_right .preview-title[data-v-bc042242]{margin-bottom:24px;font-size:16px;font-weight:600;color:#57606f}.panel_right .phone-mockup[data-v-bc042242]{width:300px;height:600px;background:#000;border-radius:36px;padding:12px;box-shadow:0 12px 36px rgba(0,0,0,.15);box-sizing:border-box}.panel_right .phone-mockup .phone-screen[data-v-bc042242]{width:100%;height:100%;background:#fff;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;position:relative}.panel_right .phone-mockup .phone-screen .phone-media[data-v-bc042242]{width:100%;height:45%;background:#f5f7fa;display:flex;justify-content:center;align-items:center;overflow:hidden}.panel_right .phone-mockup .phone-screen .phone-media .preview-img[data-v-bc042242]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.panel_right .phone-mockup .phone-screen .phone-media .video-container[data-v-bc042242]{width:100%;height:100%;position:relative}.panel_right .phone-mockup .phone-screen .phone-media .video-container .preview-iframe[data-v-bc042242]{width:100%;height:100%;border:none}.panel_right .phone-mockup .phone-screen .phone-media .media-placeholder[data-v-bc042242]{display:flex;flex-direction:column;align-items:center;color:#b2bec3}.panel_right .phone-mockup .phone-screen .phone-content[data-v-bc042242]{flex:1;padding:16px;overflow-y:auto;box-sizing:border-box}.panel_right .phone-mockup .phone-screen .phone-content .app-content-title[data-v-bc042242]{margin:0 0 12px 0;font-size:16px;font-weight:700;color:#2d3436;text-align:center;line-height:1.4}.panel_right .phone-mockup .phone-screen .phone-content .app-content-desc[data-v-bc042242]{margin:0;font-size:13px;color:#636e72;line-height:1.6;white-space:pre-wrap;font-family:PingFang SC,Microsoft YaHei,sans-serif}.panel_right .phone-mockup .phone-screen .phone-bottom-action[data-v-bc042242]{padding:12px 16px 20px;background:#fff;box-sizing:border-box}.panel_right .phone-mockup .phone-screen .phone-bottom-action .continue-button[data-v-bc042242]{width:100%;height:40px;background:#02a7e5;color:#fff;font-weight:600;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:14px;box-shadow:0 4px 10px rgba(2,167,229,.3);cursor:pointer;transition:background .2s}.panel_right .phone-mockup .phone-screen .phone-bottom-action .continue-button[data-v-bc042242]:hover{background:#0093cc}@media screen and (max-width:1200px){.panel[data-v-bc042242]{padding:24px;flex-direction:column;align-items:center}.panel_left[data-v-bc042242]{width:100%;max-width:100%}.panel_right[data-v-bc042242]{display:none}}